<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <!-- Mobile Specific Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Always force latest IE rendering engine -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- Meta Keyword -->
        <meta name="keywords" content="one page, business template, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
        <!-- meta character set -->
        <meta charset="utf-8">

        <!-- Site Title -->
        <title>{% block title %}2048{% endblock %}-大巴0007</title>
        <link rel="stylesheet" href="/static/css/grid.css" />
        <link rel="stylesheet" href=" /static/iconfont/iconfont.css">
        <!-- Fontawesome -->
        <link rel="stylesheet" href=" /static/css/font-awesome.min.css">
        <!-- Bootstrap -->
        <link rel="stylesheet" href=" /static/css/bootstrap.min.css ">
        <!-- Fancybox -->
        <link rel="stylesheet" href=" /static/css/jquery.fancybox.css ">
        <!-- owl carousel -->
        <link rel="stylesheet" href=" /static/css/owl.carousel.css ">
        <!-- Animate -->
        <link rel="stylesheet" href=" /static/css/animate.css ">
        <!-- Main Stylesheet -->
        <link rel="stylesheet" href=" /static/css/main.css ">
        <!-- Main Responsive -->
        <link rel="stylesheet" href=" /static/css/responsive.css ">


		<!-- Modernizer Script for old Browsers -->
        <script src=" /static/js/vendor/modernizr-2.6.2.min.js "></script>

    </head>
    <body>
        {% include 'nav.html' %}
        {% include 'home.html' %}
        {% include 'service.html' %}
        {% include 'document.html' %}
        {% include 'count.html' %}
        {% include 'ai.html' %}
        {% include 'contact.html' %}
        {% include 'footer.html' %}

        <!-- main jQuery -->
        <script src=" /static/js/vendor/jquery-1.11.1.min.js "></script>
        <!-- Bootstrap -->
        <script src=" /static/js/bootstrap.min.js "></script>
        <!-- jquery.nav -->
        <script src=" /static/js/jquery.nav.js "></script>
        <!-- Portfolio Filtering -->
        <script src=" /static/js/jquery.mixitup.min.js "></script>
        <!-- Fancybox -->
        <script src=" /static/js/jquery.fancybox.pack.js "></script>
        <!-- Parallax sections -->
        <script src=" /static/js/jquery.parallax-1.1.3.js "></script>
        <!-- jQuery Appear -->
        <script src=" /static/js/jquery.appear.js "></script>
        <!-- countTo -->
        <script src=" /static/js/jquery-countTo.js "></script>
        <!-- owl carousel -->
        <script src=" /static/js/owl.carousel.min.js "></script>
        <!-- WOW script -->
        <script src=" /static/js/wow.min.js "></script>
        <!-- theme custom scripts -->
        <script src=" /static/js/main.js "></script>
        <script src=" /static/js/myapp.js "></script>

        <script src="/static/js/environment.js"></script>
        <script src="/static/js/ai.js"></script>
        <script src=" /static/js/Board.js "></script>
        <script src="/static/js/ai_Board.js"></script>
        <script src="/static/js/player_2048.js"></script>
        <script src="/static/js/ai_2048.js"></script>



    </body>
</html>
